<template>
  <div>
    <p>{{ msg }}</p>
    <p>{{ msg | toUp }}</p>
    <p>{{ msg | rev("|") }}</p>
    <!-- <p :title="msg | rev('.') | toUp">鼠标停留</p> -->
  </div>
</template>

<script>
export default {
  data() {
    return {
      msg: " holl, mrzhang ",
    };
  },
  filters: {
    rev(val) {
      return val.split("").reverse().join("");
    },
  },
};
</script>

<style>
</style>